{include file="index@public/header" /}
<style>
    body {
        background: #e1e0de;
    }

    * {
        box-sizing: border-box;
    }

    h1,
    h2,
    h3,
    h4 {
        font-weight: 700 !important;
    }

    .layui-card-header {
        width: 100%;
        border-bottom: 1px solid #999 !important;
        padding-left:0px;padding-top:5px;
    }

    .layui-card {
        padding: 10px 20px 50px;
        margin-bottom: -16px !important;
    }

    div.padding-content.gengduoli  * {
        margin: unset;
        padding: unset;
        line-height: normal;
		list-style: unset;
    }
    div.padding-content.gengduoli {
        text-align: justify;
        max-width: 1320px;
        width: 98%;
    }
	div.padding-content.gengduoli ul {
		padding-left:15px;
	}

    .layui-container {
        padding: 0 !important;
    }

    img {
        max-width: 100%;
    }

    ::-moz-selection {
        background: #cccccc;
        color: #ffffff;
    }

    ::selection {
        background: #cccccc;
        color: #ffffff;
    }

    .layui-breadcrumb {
        padding-left: 15px;
    }

    .layui-card h1 {
        margin: 10px auto 0;
    }

    .description {
        font-size: 15px;
        font-weight: bold;
        margin: 20px 0;
    }

    .body-buttom-left {
        padding-right: 5px;
        padding-left: 5px;
    }

    .body-buttom-right {
        padding-right: 5px;
        padding-left: 5px;
    }

    .layui-textarea {
        resize: none !important;
    }

    @media screen and (max-width: 800px) {
        .layui-card-header {
            line-height: normal !important;
            font-size: 10px !important;
        }
    }

    .bearing-pdf {
        position: absolute;
        right: 8px;
        top: -10px;
        color: #cbcbcb;
        background: url(/static/uploads/2018/07/printer.png) no-repeat left center;
        padding-left: 20px;
        cursor: pointer;
    }

    #magnifier {
        position: relative;
    }

    #magnifier img {
        width: 100%;
    }

    #movescre {
        position: absolute;
        display: none;
        width: 20%;
        height: 30%;
        border: 1px solid #ccc;
        background: #ffffcc;
        opacity: 0.5;
        filter: alpha(opacity=50);
        z-index: 10;
        cursor: pointer;
    }

    #magnifier_show {
        position: absolute;
        overflow: hidden;
        display: none;
        border: 1px solid black;
        width: 100%;
        max-width: 312px;
        height: 372px;
        margin-top: 10px;
        z-index: 100
    }

    #magnifier_show img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 1200px
    }

    tr {
        border-bottom: 1px solid #ccc;
        color: #333;
    }

    tr:hover {
        background-color: #36648A;
        color: #ffffff
    }

    tr:hover .type4, tr:hover a{
        color: #ffffff
    }

    tr:hover .tshu2 a{
        color: #36648a
    }

    td {
        font: 12px/14px arial, helvetica, sans-serif;
        padding: 2px 2px 2px 0px;
        width: 50%;
    }
    .content-bottom{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 0.62rem;
    }
    .content-bottom-box{
        width: 18%;
        height: 2.5rem;
        border: 1px solid #999;
        border-radius: 0.31rem;
        box-shadow: 0 4px 3px rgb(0 0 0 / 25%);
        margin-top: .5rem;
        padding: .2rem 0 0 0;
        display: flex;
        align-items: center;
    }
    .content-bottom-font{
        margin-bottom: 0.5rem;
        font: 12px/14px arial, helvetica, sans-serif;
    }
    
    .content-bottom-img-box{
        background-color: #f6f6f6;
        margin-top: 5px;   
        padding-left: .5rem;
    }
    .content-bottom-font{
        font-weight: 700;
        padding: .5rem 0;
    }
    .content-bottom-ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .content-bottom-li{
        width: 20%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .3rem;
    }
    .content-bottom-li a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: white;
        padding: .3rem 0;
        flex-basis: 18rem;
        border-radius: .5rem;
    }
    .content-bottom-li a div{
        background-color: white;
    }
    .content-bottom-img{
        width: 3rem;
        height: 3rem;
        display: flex;
    }
    .layui-card-header{
        display: flex;
    }
    .layui-card-header h1{
        margin: 0;
    }

	/* 以下推荐样式 */
	.card-header-font-box{
		display: flex;
		font: 12px/14px arial,helvetica,sans-serif;
		padding-left: .5rem;
		margin-top: 1.5rem;
		margin-right: .5rem;
	}
	.card-header-font-box div{
		display: flex;
		align-items: center;
	}
	.header-font-a a{
		display: inline-block;
		margin-left: .3rem;
		margin-right: 1rem;
		border: 1px #efefef solid;
		padding: .3rem;
		border-radius: .3rem;
	}
	.content-bottom-a{
		margin-left: .5rem;
	}
	.header-font-search{
		font-weight: 700;
	}
	.header-font-a a:hover{
		background-color: #36648A;
		color: white;
	}
	/* 以上 */
    /*3d下载*/
    .download{
        display: flex; 
        justify-content: flex-start; 
    }
    .download option{cursor: pointer;}
    .chart-box{
        margin-top: 30px;
    }
    .chart-title{
        font-size: 12px;
        font-weight: 700;
    }
    .chart-tb{
        width: 40%;
        height: 50px;
    }
    .chart-tb-th, .chart-tb-td{
        display: flex;
    }
    .chart-tb-th>div, .chart-tb-td>div{
        flex: 1;
        display: flex;
        justify-content:center;
        border: 1px solid #CCCCC8;
        margin: 0 0 -1px -1px;
    }
    .chart-tb-th>div:nth-child(2), .chart-tb-td>div:nth-child(2){
        flex:2;
    }
    /* 图纸pdf */
    .imgMa-box{
        position: relative;
    }
    .imgpdf{
        position: absolute;
        top: 2px;
        left: 8px;
    }
    .dwn{border:1px solid #838383;text-align:center;color:#838383;cursor:pointer;border-radius:5px;padding:0px 2px;text-decoration:none;display:inline-block;margin-top:10px;margin-left:5px;}
    .dwn:hover{background-color:#33648B;color:#ffffff;}
    .dwn:hover img{content:url("{:Config::get('app.images_host')}/images/web/downhover.png");}
    .dwnnew{color: #333;}
    .dwnnew:hover{background-color:#33648B;color:#ffffff;}
    .dwnnew:hover img{content:url("{:Config::get('app.images_host')}/images/web/downhover.png");}
</style>
<!-- 详情页移动适配 -->
<link rel="stylesheet" type="text/css" href="/static/css/detail_page_adaptive_phone.css?v={:time()}"/>
<style type="text/css">
    .interchange-box{
        margin: 5px 0rem;
        padding-left: .5rem;
        color: #333;
    }
    .interchange-box-title{
        font-size: 12px;
        font-weight: 700;
    }
    .interchange-standard{
        display: flex;
        flex-direction: column;
        border-left: 1px solid #CCCCC8;
    }
    .interchange-standard>div{
        display: flex;
    }
    .interchange-standard>div>div{
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #CCCCC8;
        width: 9rem;
        text-align: center;
    }
    .interchange-standard>div:nth-child(1)>div{
        border-top:  1px solid #CCCCC8;
        border-bottom: 1px solid #CCCCC8;
    }
    .interchange-standard>div:nth-child(2)>div{
        border-bottom:  1px solid #CCCCC8;
    }
    @media screen and (max-width: 760px) {
        .interchange-box{
            display: none;
        }
    }
    .card-box{
        padding: 10px 20px 20px;
    }
    .layui-card-header .phone-img-zhu{display:none;}
    .layui-card-body{padding: 5px 0px 0px 0px;}
    .detail-container{width: 100%;margin:62px auto 10px auto;font: 12px/14px arial,helvetica,sans-serif;padding-bottom:10px;}
    .detail-container .layui-card-header{height:32px;line-height:32px;}
    @media screen and (max-width: 760px) {
        .detail-container{margin:79px auto 20px auto;}
        .card-box{ padding: 0px;}
        .padding-content{padding:0px 10px;margin-bottom: 10px;}
        .padding-content td{font-size: 14px;padding:5px 0px;}
        .padding-content td a{font-size: 14px;}
        .padding-content tr:hover{background-color:none;}
        .firstbreadcrumbT{padding: 10px;font-size:14px;}
        .firstbreadcrumbT div{padding:5px 0px;}
        .layui-card-header{padding: 0px 10px;margin-bottom: 0px;}
        #detai_left_main {display: none;}
        .detail-container .layui-card-header{height:60px;line-height:60px;vertical-align:middle;width: 100%;display: block;}
        .layui-card-header h1{float: left;align-items: center;width:70%;}
        .layui-card-header .phone-img-zhu{display:block;width:60px;float:right;margin-top:-10px;}
        .layui-card-header .phone-img-zhu img{width:100%;}
        .padding-content{font-size:14px;}
        .content-bottom-img-box{font-size:14px;}
    }
    
    

</style>

<div class="layui-container detail-container"> 

    <!-- 发送询盘成功后弹出框 -->
<div id="successfullyfrom" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display:none;">
    <style type="text/css">
        .successfullyfrom-close-r{float:right}
        .successfullyfrom-close-r button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:3px 6px;color:#36648a;border-radius: 5px;}
        .successfullyfrom-close-r button:hover{border:1px solid #ffffff;color:#ffffff}
        .successfullyfrom-close-b{padding:10px 12px;}
        .successfullyfrom-close-b button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:5px 10px;color:#36648a;border-radius: 5px;}
        .successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
    </style>
    <div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom()">X</button></div>
    <h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;">{:lang('Form Submitted')}</h2>
    <div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;">{:lang('Thank you for reaching out. We will be in touch with you shortly.')}</div>
    <div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom()">{:lang('close')}</button></div>
</div>

	<div class="layui-card  card-box" style="min-height: auto;">
        <span class="layui-breadcrumb" lay-separator="/" style="padding-left: 0px; visibility: visible;">
            {foreach $crumbs as $k=>$v }
            <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['cname']}</a>
            {/foreach}
            <a style="font: 12px/14px arial,helvetica,sans-serif;"><cite>{$zhu['Part Number']}</cite></a>
            
        </span>
		
        
		<div class="layui-card-header">
            <h1>{$zhu['Part Number']}</h1>
            <div class='phone-img-zhu'><img src="{$img}" style="cursor:pointer;" alt="{$zhu['Part Number']} {:lang($classdesc['cname'])}" /></div>
            <div style="clear:both"></div>
		</div>

		<div class="layui-card-body" style="max-width: 1600px;">
			<div class="layui-row">
				<div style="float: left;max-width:33.33333333%;">
					<div class="layui-col-md4 detail-img-box" style='text-align: center;padding-right:5px;'>
                        <?php if(!empty($img)){?>
						<img src="{$img}?t={:time()}" id='detai_left_main' style="cursor:pointer;width:150px" alt="{$zhu['Part Number']} {:lang($classdesc['cname'])}" />
                        <?php }else{ ?>
                        <img src="{:Config::get('app.images_host')}/images/web/logo.png" style="visibility: hidden;">
                        <?php } ?>
						<?php if(($products['price'] + 0) != 0){ ?>
                        <div style="font: 12px/14px arial,helvetica,sans-serif;">
                            <div style="margin: 5px 0px;font-size:0.9em">Price <span style="margin-left:5px;color:#19792f"><?php if(($products['price'] + 0) != 0){echo "$ ".$products['price'];}else{echo "Not yet";}?>
                                <span style='position: relative;left: 5px;top:2px'>
                                    <i class="layui-icon layui-icon-about" id='gou-zhuyi' style="font-size: 18px; color: #36648a;cursor:pointer;"></i>
                                    <div id='gou-zhuyi-content' style="display:none;text-align:left;color:#333;width:210px;background-color:#eee;position:absolute;left:25px;top:-140px;z-index:999;box-shadow: 2px 2px 2px rgba(0,0,0,0.4);font: 12px/14px arial, helvetica, sans-serif"><div style="cursor: pointer;text-align: right;padding-top: 2px;padding-right: 2px;"><i class="layui-icon layui-icon-close" id="layui-icon-close" onclick='gou_zhuyi_content()'></i></div><div style="padding:0px 10px 10px 10px;"><p>Bulk orders will be discounted, please <a href='/contact-us/'>contact our sales</a> for a bulk quote.</p><p style="padding-top:10px">We will ship your order via FedEx within 3-5 working days after you complete the payment and the related information will be sent to your email.</p></div></div>
                                </span>
                            </span>
                               <!--  <span style='margin-left:5px;margin-top:50px;'>
                                    <i class="layui-icon layui-icon-about" id='gou-zhuyi' style="font-size: 18px; color: #36648a;cursor:pointer;"></i>
                                </span> -->
                               
                            </div>
                            <!-- 检测当前产品是否有重复型号，有重复型号的只要每个型号中有一个参与购物的 其他所有产品都要参与购物 -->
                            <?php  
                                $is_more=Db::table('lily_products')->where('part_number','=',$zhu['Part Number'])->select();
                                $is_pay_all=0;
                                foreach ($is_more as $key => $value) {
                                    $is_pay=Db::table('lily_classify')->field('is_pay')->where('id','=',$value['class_id'])->find();
                                    if($is_pay['is_pay']==1){
                                       $is_pay_all=1;
                                       break;
                                    }
                                }
                            ?>
                            <?php if($is_pay_all==1 || $classdesc['is_pay']){?>
                            <style type="text/css">
                                .detail-add-order .detail-order-input input{height: 20px;margin: 0;margin-top:2px;background-color: #eee;border: 1px solid #878787;padding:2px 3px;border-radius:2px;}
                                .detail-add-order .detail-order-input input:focus{background-color: #ffffff;border: 1px solid #36648a}
                                .detail-add-order .detail-order-button{margin-top:5px;}
                                .detail-add-order .detail-order-button button{background-color: #FDD702;cursor:pointer;width:100%;color:black;padding:0px;border:1px solid #ffffff;padding:5px 0px;border-radius:5px;}
                                .detail-add-order .detail-order-button-b button{background-color: #ffa41c;cursor:pointer;width:100%;color:black;padding:0px;border:1px solid #ffffff;padding:5px 0px;border-radius:5px;}
                                .detail-add-order .detail-order-button button:hover{background-color: #36648a;color:#ffffff;}
                            </style>
                            <div class='detail-add-order' style="width: 70%;margin-left: 15%;">
                                <div class='detail-order-input' style="height:25px;line-height:25px;margin-top:10px">
                                    <span style="float:LEFT;width:50%;text-align:left;">Number</span>
                                    <input type="" name="" id='detail-order-input' style="float:right;width:50%;" oninput="value=value.replace(/[^\d]/g,'')">
                                    <div style="clear:both"></div>
                                </div>
                               <!--  <div style="text-align:left;margin-top:10px">
                                    <div>
                                        <span>Total:</span>
                                        <span style="color:#19792f;float:right;">
                                         <span>$</span>
                                         <span>0</span>
                                        </span>
                                        <span style="clear:both"></span>
                                    </div>
                                </div> -->

                                <script type="text/javascript">document.getElementById("detail-order-input").focus();</script>
                               
                                <div class='detail-order-button'><button type="button" onclick='detail_order_input(1)'>Add To Order</button></div>
                                <div class='detail-order-button detail-order-button-b'><button type="button" onclick='detail_order_input(2)'>Buy Now</button></div>
                            </div>
                            <?php } ?>
                        </div>
                        <?php } ?>
						
					</div>
                   
					<div class="layui-col-md8 padding-content">
						<table style='width: 100% !important;'>
                            <tbody>
                            <?php  if(isset($zhu['URL_Product'])&&$zhu['URL_Product']){unset($zhu['URL_Product']);}?>
                            {foreach $zhu as $key=>$vo } 

                               <?php $lily_display_detail=Db::table('lily_products_detail')->where([['key','=',$key],['pid','=',$products['id']]])->find(); ?>
                                <?php if($lily_display_detail['is_show_key']=='0'){ ?>
                                <tr>
                                    <td></td>
                                    <td style="text-align:left">{:lang(trim($vo))}</td>
                                </tr>
                                <?php } else if(!empty($lily_display_detail['sup'])){ ?>
                                <tr>
                                    <td>{:lang($key)} <sup style='color:#36648a'>{$lily_display_detail['sup']}</sup></td>
                                    <td style="text-align:left">{:lang(trim($vo))}</td>
                                </tr>
                                <?php } else if(!empty($lily_display_detail['url'])){ ?>
                                <tr>
                                    <td>{:lang(trim($key))}</td>
                                    <td style="text-align:left"><a href="{$lily_display_detail['url']}" class='type4'>{:lang(trim($vo))}</a></td>
                                </tr>
                                <?php } else if($lily_display_detail['is_pi_pei']==1){ ?>
                                <tr>
                                    <td>{:lang(trim($key))}</td>
                                    <td style="text-align:left">
                                <?php   
                                    $explode_data=explode(',',$vo); foreach ($explode_data as $bk => $bv){
                                    $f=Db::table('lily_products')->field('url_product')->where('part_number', '=', $bv)->find();
                                    if(!empty($f)){ 
                                ?>
                                        <a href="/products/{$f['url_product']}/" class='type4'>{:lang(trim($bv))}</a>
                                        <?php if($bk!=count($explode_data)-1){ echo ',';}?>
                                    <?php }else{ ?>
                                        {:lang($vo)}
                                        <?php if($bk!=count($explode_data)-1){ echo ',';}?>
                                    <?php } ?>
                                <?php } ?>
                                    </td>
                                </tr>
                                <?php } else if($lily_display_detail['is_fen_ge']=='1'){ ?>
                                <tr style="width: 500px;border-bottom:none;">
                                    <td style="height:30px;"></td><td></td>
                                </tr>
                                <tr style="width: 500px;border-bottom: 3px solid #ccc;">
                                    <td colspan="2" style="height:30px;font-size: 14px;font-weight: bold;">{:lang('Mounting Dimensions & Additional Information')}</td>
                                </tr>
                                <tr>
                                    <td>{:lang(str_replace('_',' ',trim($key)))}</td>
                                    <td style="text-align:left">{:lang(trim($vo))}</td>
                                </tr>
                                <?php }else{ ?>
                                <tr>
                                    <td>{:lang(str_replace('_',' ',trim($key)))}</td>
                                    <td style="text-align:left">{:lang(trim($vo))}</td>
                                </tr>
                                <?php } ?>
                            {/foreach}
                            </tbody>
                        </table>
                        <?php if(!empty($add_content)){?>
                            {foreach $add_content as $key=>$vo } 
                            <div style="width: 100%;font-style: italic;line-height:14px;padding-top:5px">{:htmlspecialchars_decode($vo)}</div>
                            {/foreach}
                        <?php } ?>

					</div>
				</div>
				<div style="float: left;max-width:50%;">
                    <?php if(!empty($dimg)){?>
					<div id='magnifier' style="width:98%;margin-left: 1%;margin-right:10px;">
						<img src="{$dimg}" style="width:100%;border:1px solid #D2D2D2;border-radius:5px;min-width:500px" alt="{$zhu['Part Number']} {:lang($classdesc['cname'])} {:lang('cad drawing')}">
                        <?php if(!empty($pdf)){?>
                        <a href="{$pdf}" target="view_window" class='imgpdf dwn' style="margin-top: 5px;margin-left: 20px;display: none;">
                            <img  src="{:Config::get('app.images_host')}/images/web/downindex.png" style="width: 18px;margin-top:-4px">
                            <span style="font: 12px arial,helvetica,sans-serif;">{:lang('Download')}</span>
                        </a>
                        <?php } ?>
					</div>
                    <?php }else{ ?>
                    <div id='magnifier' style="width:98%;margin-left: 1%;visibility: hidden;">
                        <img src="{:Config::get('app.images_host')}/images/web/logo.png" style="width:100%;border:1px solid black">
                    </div>
                    <?php } ?>

                    <div  style="width:98%;margin-left: 1%;height: 30px;line-height: 30px;">
                        <?php if(!empty($pdf)){?>
                        <a href="{:Config::get('app.images_host')}{$pdf}" target="view_window" class='dwnnew' style="border: 1px solid #D2D2D2;height: 24px;float: left;line-height:24px;padding: 0px 8px 0px 5px;text-decoration: none;border-radius: 3px;margin-top:3px;">
                            <img  src="{:Config::get('app.images_host')}/images/web/downindex.png" style="height: 19px;margin-top:-5px;">
                            <span style="font: 12px arial,helvetica,sans-serif;font-weight: 500;">{:lang('Download')} Pdf</span>
                        </a>
                        <?php } ?>
                        <?php if(!empty($stp)){?>
						<div style="float:right;">
							<img src="{:Config::get('app.images_host')}/images/web/CAD1.png" style="width: 19px;margin-top:-1px;">
                            <select name="selcad" style='min-width: 125px;border:1px solid #E2E2E2;font: 12px/14px arial,helvetica,sans-serif;border-radius: 3px;height: 24px;'>
                                {foreach $stp as $key=>$vo }
                                <option value="{$vo}" selected>3-D {$key}</option>
                                {/foreach}
                            </select>
						    <button type='button' id='download_cad' class="layui-btn layui-btn-xs dwnnew" onclick="download_cad()" style="color:black;font-weight:bold; border-radius:3px;border:1px solid #19792f;background-color: white; font-size: 12px; font-weight: 500;height: 24px;line-height: 24px;margin-left: 5px;margin-top:-3px;color: #333;">{:lang('Download')}</button>
						</div>
                        <?php } ?>
                        <div style="clear:both"></div>

					</div>

                    <?php if(isset($other['chart'])){ ?>
                    <div style="width:98%;margin-left: 1%;">
                        <div class="layui-col-md4" style="padding: 0px 2px 2px 0px;">
						<img style="width: 100%;" src="{:Config::get('app.images_host').$other['chart']}" alt="{$zhu['Part Number']} {:lang('Slewing Ring Bearings')}">;
                        </div>
                    </div>
                    <?php } ?>

                    <?php if(isset($other['imo'])){
                        foreach($other['imo'] as $k=>$v){
                    ?>
                        <div style="width:98%;margin-left: 1%;">
                            <div class="layui-col-md4" style="padding: 0px 2px 2px 0px;">
                            <img style="width: 100%;" src="{:Config::get('app.images_host').$v}" alt="{$zhu['Part Number']} {:lang('Slewing Ring Bearings')}">;
                            </div>
                        </div>
                    <?php }} ?>
				</div>
				{include file="index@public/form" /}
			</div>

            <!-- Reference型号兑换 -->
			<?php if(!empty($Chat_data)){ ?>
            <div class="interchange-box" style="padding:0px;color:#333">
                <div class="interchange-box-title" style="padding:0px;">{:lang('INTERCHANGE')}</div>
                <div class="interchange-box-font">{:lang($Chat_relation)}</div>
                <div class="interchange-standard">
                    <div>
                        {foreach $Chat_data as $key=>$vo }
                        <div>{:str_replace('_',' ',$key)}</div>
                        {/foreach}
                    </div>
                    <div>
                        {foreach $Chat_data as $key=>$vo }
                        <div>{$vo}</div>
                        {/foreach}
                    </div>
                </div>
            </div>
            <?php } ?>

		    <?php if(!empty($content)){?>
            <div style="margin-top:5px;color:#333" class='padding-content gengduoli'>
                {:htmlspecialchars_decode($content)}
            </div>
            <?php } ?>

            <?php if(!empty($recommend_result)){?>
            <div class="content-bottom-img-box" style="padding:0px;">
                
                <div class="content-bottom-font" style="padding:5px;">{:lang('Recommended Products')}</div>
                    <ul class="content-bottom-ul" style="padding-left:5px">
                    
                        {foreach $recommend_result as $key=>$vo } 
                        <li class="content-bottom-li">
                            <a href='/products/{$vo["url_product"]}/'>

                                <?php if(!empty($vo['img'])){?>
                                <div class="content-bottom-img"><img src="{:Config::get('app.images_host')}{$vo['img']}"></div>
                                <?php }else{ ?>
                                <div class="content-bottom-img"><img src=""></div>
                                <?php } ?>
                                <div class="content-bottom-a">{$vo['part_number']}</div>
                            </a>
                        </li>
                        {/foreach}
                        
                    </ul>
            </div>
           <?php } ?>
		</div>
	</div>
</div>
</body>


{include file="index@public/footer" /}
<script type="text/javascript">
    var Product_Number =<?php echo "'".$zhu['Part Number']."'" ?>;
    var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
    var nowurl=window.location.href;/*当前页面url*/
    var posturl="{:url('index/Xunpan/send_inquiry')}";
</script>
<script src="/static/js/form.js?v={:time()}" charset="utf-8"></script>
<script type="text/javascript">
    function download_cad(){
       var index = layer.load(1, { shade: [0.1,'#fff'] });
       $('#download_cad').disabled=true;//禁用
       var format=$.trim($("select[name='selcad'] option:selected").val());
       location.href=format;
       layer.closeAll('loading');
       $('#download_cad').disabled=false;
      }
    $(document).ready(function(){
      $("#detailmoreid").click(function(){
        $("#detailmore").show();
        $("#detailmoreid").hide();
      });
      $("#detailcloseid").click(function(){
        $("#detailmore").hide();
        $("#detailmoreid").show();
      });
    });
    /*$(document).on('click', '#detai_left_main', function(data){
            var imgSrc=$(this).attr('src');
            layer.open({
                type:1
                ,title:false
                ,closeBtn:0
                ,skin:'layui-layer-nobg'
                ,shadeClose:true
                ,content:'<img style="width:100%;height:100%;" class="layui-upload-img" src="'+ imgSrc +'"/>'
            })
        });*/
    var area = [];
        if (window.screen.width > 1680 && window.screen.width <= 1920) {
            area = ['25%', '50%']
        } else if (window.screen.width > 1600 && window.screen.width <= 1680) {
            area = ['25%', '50%']
        } else if (window.screen.width > 1366 && window.screen.width <= 1600) {
            area = ['25%', '50%']
        } else if (window.screen.width <= 1366) {
            area = ['25%', '50%']
        }

        $(document).on('click','#detai_left_main',function(){
            console.log($(this).attr('src'));
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                shadeClose: true, //点击阴影关闭
                area: area , //宽高
                //area: [$(this).width+100 + 'px', $(this).height+100 + 'px'], //宽高
                content: "<img style='width:100%;height:100%;object-fit:contain' src=" + $(this).attr('src') + " />"
            });
        });

$(document).ready(function(){
    $('#gou-zhuyi').mouseover(function(){
       $('#gou-zhuyi-content').css('display','block')
    })
    /*$('#gou-zhuyi').mouseout(function(){
       $('#gou-zhuyi-content').css('display','none')
    })*/
}); 

$(document).click(function(){
  $("#gou-zhuyi-content").hide();
});
$("#gou-zhuyi-content").click(function(event){
event.stopPropagation();
});
function gou_zhuyi_content(){
    $("#gou-zhuyi-content").hide();
}
</script>
